<template>
<div id="box">
 <!-- <img src="http://static.sfcdn.org/images/logo.jpg?logo" alt=""> -->
 <div id="myimg"></div>
 <div id="denglu">
   <!-- <a href="#">登录</a> | <a href="#">注册</a> -->
   <router-link to="/loginpage" class="mya">登录</router-link>   |
   <router-link to="/loginpage"  class="mya">注册</router-link>
   </div>
   <div id="mysearch">
     <input type="text" placeholder="   搜索电视应用"> <button id="btn"><i></i></button>
    
   </div>
    
</div>
  
</template>

<script>
export default {
   
}
</script>

<style >
*{
  padding: 0;
  margin: 0;
}
#box{
  width: 1200px;
  height: 100px;
  background-color:#FFFFFF;
  margin: auto;
}
#myimg{
  height:50px ;
  width: 200px;
  background:url("../assets/logo.jpg") no-repeat;
  background-size: 100% 100%;
  float: left;
  margin-top: 25px;
}
#mysearch{
  float: right;
  height: 30px;
  width: 230px;
  /* background-color: aqua; */
  margin-top:35px ;
  margin-right: 40px;
}
input{
  height: 30px;
  outline:none;
}
#btn{
  height: 30px;
  background-color: #FF9933;
  outline: none;
  width: 46px;
border: none;}
#denglu{
  float: right;
  line-height: 100px;
  font-size: 16px;
  text-decoration: none;
}
i{
  height: 16px;
  width: 16px;
  display: inline-block;
  background: url("../assets/galss_03.png") no-repeat;
  background-size: 100% 100%;
  background-position: 0 2px;
}
.mya{
  color: #333333;
}
</style>